<template>
	<view>
		<view class="taskcard boxShadow" >
			<view class="top jcb ">
				<view class="aic">
					<view class="line">
						
					</view>
					{{item.company}}
				</view>
				<view class="task-card-codeing">
					HX4854653546354
				</view>
			</view>
				<u-line color="#F0F0F0"></u-line>
				<view class="p20">
					<uni-title title="美工" type="h2"></uni-title>
					<view class="commission">
						任务佣金:{{item.commission}}
					</view>
					<view class="detail ">
						{{item.detail}}
					</view>
					<view class="deta">
						{{item.startDate}}
					</view>
				</view>
				
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			item:{
				type:Object,
				default:{
					
					title:"",
					company:"",
					commission:"",
					detail:"",
					startDate:""
				}
			}
		},
		name:"taskCard",
		data() {
			return {
				
			};
		},
		methods:{
		}
	}
</script>

<style lang="scss" scoped>
.taskcard{
	width:700rpx ;
	background-color: #fff;
	border-radius: 5rpx;
	margin-top: 20rpx;
	.top{
		padding: 13rpx 0;
		.line{
			width: 8rpx;
			height: 30rpx;
			margin-right: 20rpx;
			background-color:$llt-type-primary;
		}
		.task-card-codeing{
			font-size: 28rpx;color: #999;
			padding-right: 25rpx;
			
		}
	}
	
	.commission{
		color: #F15F73;
	}
	.detail{
		color: #5C5C5C;
		margin-top: 30rpx;
	}
	.deta{
		color: #5C5C5C;
		margin-top: 30rpx;
	}
}
</style>
